XAML (Extensible Application Markup Language) একটি XML-ভিত্তিক ভাষা যা ব্যবহারকারীর ইন্টারফেসের বিভিন্ন উপাদান তৈরি করতে ব্যবহৃত হয়। XAML এ Input Controls ব্যবহার করে ইউজার ইন্টারঅ্যাকশনের জন্য বিভিন্ন উপাদান তৈরি করা হয়। এর মধ্যে Slider, RadioButton, এবং ListBox কিছু সাধারণ এবং গুরুত্বপূর্ণ ইনপুট কন্ট্রোল।
এই কন্ট্রোলগুলো ব্যবহারকারীর ইনপুট নেওয়ার জন্য বা তাদের UI এ ডাটা নির্বাচন এবং অ্যাকশন সম্পাদন করার জন্য ব্যবহৃত হয়।
Slider Control
Slider একটি ইনপুট কন্ট্রোল, যা ব্যবহারকারীদের একটি নির্দিষ্ট পরিসরের মধ্যে মান নির্বাচন করতে দেয়। এটি সাধারণত কোন প্রকারের মান (যেমন: পরিমাণ, ভলিউম, উজ্জ্বলতা) পরিবর্তন করতে ব্যবহৃত হয়।
উদাহরণ:
<Slider Name="volumeSlider" Minimum="0" Maximum="100" Value="50" Width="200" />
<TextBlock Name="sliderValueText" Text="50" />
এখানে:
Minimum="0": স্লাইডারের সর্বনিম্ন মান।Maximum="100": স্লাইডারের সর্বোচ্চ মান।Value="50": স্লাইডারের প্রাথমিক মান।Width="200": স্লাইডারের প্রস্থ।
ইভেন্ট হ্যান্ডলিং:
<Slider Name="volumeSlider" Minimum="0" Maximum="100" ValueChanged="VolumeSlider_ValueChanged" />
<TextBlock Name="sliderValueText" />
কোড-বিহাইন্ডে:
private void VolumeSlider_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
{
sliderValueText.Text = volumeSlider.Value.ToString();
}
এখানে ValueChanged ইভেন্টটি স্লাইডারের মান পরিবর্তন হওয়ার সাথে সাথে ট্রিগার হয় এবং টেক্সট ব্লকে স্লাইডারের মান দেখানো হয়।
RadioButton Control
RadioButton একটি ইনপুট কন্ট্রোল যা একাধিক বিকল্প থেকে একটি নির্বাচন করতে ব্যবহার করা হয়। রেডিও বাটনগুলির মধ্যে একটির বেশি নির্বাচন করা সম্ভব নয়; একমাত্র সক্রিয় রেডিও বাটনই নির্বাচিত থাকতে পারে।
উদাহরণ:
<StackPanel>
<RadioButton Name="option1" Content="Option 1" GroupName="Options" IsChecked="True"/>
<RadioButton Name="option2" Content="Option 2" GroupName="Options"/>
<RadioButton Name="option3" Content="Option 3" GroupName="Options"/>
</StackPanel>
এখানে:
GroupName="Options": একে অপরের সাথে সম্পর্কিত রেডিও বাটনগুলিকে একটি গ্রুপে রাখে, যাতে একবারে একটি অপশন সিলেক্ট করা যায়।IsChecked="True": প্রথম রেডিও বাটনটি প্রাথমিকভাবে নির্বাচিত।
ইভেন্ট হ্যান্ডলিং:
<RadioButton Name="option1" Content="Option 1" Checked="RadioButton_Checked"/>
<RadioButton Name="option2" Content="Option 2" Checked="RadioButton_Checked"/>
<TextBlock Name="selectedOptionText" />
কোড-বিহাইন্ডে:
private void RadioButton_Checked(object sender, RoutedEventArgs e)
{
selectedOptionText.Text = ((RadioButton)sender).Content.ToString();
}
এখানে Checked ইভেন্টটি যখন একটি রেডিও বাটন চেক করা হয়, তখন তা ট্রিগার হয় এবং নির্বাচিত অপশন টেক্সট ব্লকে প্রদর্শিত হয়।
ListBox Control
ListBox একটি ইনপুট কন্ট্রোল যা ব্যবহারকারীদের এক বা একাধিক আইটেম নির্বাচন করার জন্য ব্যবহৃত হয়। এটি সাধারণত ড্রপডাউন বা নির্বাচনযোগ্য আইটেমের তালিকা প্রদর্শন করার জন্য ব্যবহার করা হয়।
উদাহরণ:
<ListBox Name="itemList" Width="200">
<ListBoxItem Content="Item 1" />
<ListBoxItem Content="Item 2" />
<ListBoxItem Content="Item 3" />
</ListBox>
এখানে:
ListBoxItem:ListBoxএর মধ্যে প্রতিটি আইটেম।Width="200":ListBoxএর প্রস্থ।
একাধিক নির্বাচন সক্রিয় করা:
<ListBox Name="itemList" Width="200" SelectionMode="Multiple">
<ListBoxItem Content="Item 1" />
<ListBoxItem Content="Item 2" />
<ListBoxItem Content="Item 3" />
</ListBox>
এখানে:
SelectionMode="Multiple": এটি ব্যবহারকারীদের একাধিক আইটেম নির্বাচন করতে দেয়।
ইভেন্ট হ্যান্ডলিং:
<ListBox Name="itemList" SelectionChanged="ItemList_SelectionChanged">
<ListBoxItem Content="Item 1" />
<ListBoxItem Content="Item 2" />
<ListBoxItem Content="Item 3" />
</ListBox>
<TextBlock Name="selectedItemText" />
কোড-বিহাইন্ডে:
private void ItemList_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
selectedItemText.Text = itemList.SelectedItem.ToString();
}
এখানে SelectionChanged ইভেন্টটি ট্রিগার হয় যখন ব্যবহারকারী একটি আইটেম নির্বাচন করেন এবং টেক্সট ব্লকে নির্বাচিত আইটেমটি প্রদর্শিত হয়।
সারাংশ
- Slider: ব্যবহারকারীদের একটি নির্দিষ্ট পরিসরের মধ্যে মান নির্বাচন করতে দেয় এবং এর মাধ্যমে ডাটা পরিবর্তন করা যায়।
- RadioButton: একাধিক বিকল্প থেকে একটি নির্বাচন করতে ব্যবহৃত হয়, এবং একে অন্যের মধ্যে একমাত্র একটি বাছাই করা যেতে পারে।
- ListBox: একটি তালিকা থেকে এক বা একাধিক আইটেম নির্বাচন করতে ব্যবহৃত হয় এবং এটি ব্যবহারকারীদের একটি নির্দিষ্ট তালিকা থেকে আইটেম সিলেক্ট করার সুযোগ দেয়।
এই ইনপুট কন্ট্রোলগুলো XAML এর মাধ্যমে ইউজার ইন্টারফেসে গুরুত্বপূর্ণ ভূমিকা পালন করে এবং ইউজার ইন্টারঅ্যাকশন সহজ ও কার্যকর করে তোলে।
Read more
